#side-nav {
  width: 255px;
  min-width: 128px;
  vertical-align: top;
  background-image: url(assets/images/left-nav-2.png);
}

#side-nav li {
  box-sizing: border-box;
  padding-left: 15px;
  height: 50px;
  padding-top: 15px;
  border-bottom: 1px solid #787e83;
}

#side-nav li.active {
  background-color: #60676d;
}
#side-nav li.active > span {
  font-weight: bold;
}

.side-nav-1 i {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: block;
  float: left;
  background-repeat:no-repeat;
  background-image: url(assets/images/1.png);
}
.side-nav-1 span {
  color: white;
}

.side-nav-2 i {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: block;
  float: left;
  background-repeat:no-repeat;
  background-image: url(assets/images/2.png);
}

.side-nav-2 span {
  color: white;
}

.side-nav-3 i {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: block;
  float: left;
  background-repeat:no-repeat;
  background-image: url(assets/images/3.png);
}

.side-nav-3 span {
  color: white;
}

.side-nav-4 i {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  display: block;
  float: left;
  background-repeat:no-repeat;
  background-image: url(assets/images/4.png);
}

.side-nav-4 span {
  color: white;
}

